import axios from 'axios'
import { ElNotification } from 'element-plus'
import { getToken } from '@/composables/auth'
// import { logout } from '@/services/manager'  //api
import { removeToken } from '@/composables/auth'  //token等方法
import { defineStore, storeToRefs } from 'pinia'  //pinia
import { storeData } from '@/store'  //pinia


// pinia的调用
// const counter = storeData()


// 请求头
const service = axios.create({
  baseURL: '/api',
})

// 添加请求拦截器
service.interceptors.request.use(function (config) {
  const counter = storeData()    //pinia
  // 在发送请求之前做些什么
  // usevue中useCookies的调用
  const token = getToken()
  if(token){
    config.headers["token"] = token
  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
service.interceptors.response.use(function (response) {
  const counter = storeData()    ///pinia
  // 对响应数据做点什么
  return response;
}, function (error) {
  const counter = storeData()  //pinia
  // 非法 token 退出登录
  const msg = error.response.data.msg || "请求失败"
  if(msg == "非法token，请先登录！"){
    // 非法 token 退出登录
    const msg = error.response.data.msg || "请求失败"
    if(msg == "非法token，请先登录！"){
      removeToken() // 移除token
      counter.delUserinfo()  //清除用户pinia中的状态信息
      location.reload()  //刷新页面
    }
  }
  // 错误信息提示
  ElNotification({
    message: msg,
    type: 'error',
    duration: 2000,
    dangerouslyUseHTMLString : true ,
  })

  return Promise.reject(error);
});

export default service